<script>
import TabItem from "../components/TabItem.vue";
export default {
  name: "My",
  components:{
    //TabItem:TabItem
    TabItem
  }
}
</script>

<template>
  <div>
      <div class="tabBar">
        <TabItem src="/src/assets/1.png" words="首页"/>
        <TabItem src="/src/assets/2.png" words="书影音"/>
        <TabItem src="/src/assets/3.png" words="广播"/>
        <TabItem src="/src/assets/4.png" words="小组"/>
        <TabItem src="/src/assets/5.png" words="我的"/>
      </div>
  </div>
</template>

<style scoped>
.tabBar{
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  width: 100%;
  left:0;
}

</style>